
page-borrow-apply
{
  // 借款申请首页
  .borrow-apply-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 借款申请主页
  .borrow-apply-section
  {
    background-color: $office-page-background;
    .scroll-content
    {
      background-color: $office-page-background;

      // 内容条目
      ion-list
      {
        padding: 0;
        margin: px2rem(20) 0 0 0;

        // 展示信息
        ion-item
        {
          padding-left: px2rem(32);

          div.item-inner
          {
            padding-right: px2rem(32) !important;
            border: 0;

            // 左边
            div.input-wrapper
            {
              height: px2rem(87);
              ion-label
              {
                margin: 0;
                & > div, & > h4, & > p
                {
                  height: px2rem(88);
                  line-height: px2rem(88);
                }
                // 标题
                & > div
                {
                  float: left;
                  text-align: left;
                  width: px2rem(142);
                  font-size: px2rem(30);
                  color: $office-black;
                }

                // 内容
                & > h4
                {
                  float: left;
                  margin: 0;
                  width: px2rem(430);
                  color: $office-light-black-six;
                  font-size: px2rem(30);
                }

                //单位
                & > p
                {
                  float: right;
                  font-size: px2rem(28);
                }

              }
            }


          }
          // 增加margin
          &:nth-child(2), &:nth-child(4){
            margin-bottom: px2rem(20);
          }
          // 增加margin
          &:nth-child(2n-1){
            border-top: 1px solid $office-ion-item-border-color;
            div.item-inner {
              border-bottom: 1px solid $office-ion-item-border-color;
            }
          }
          &:nth-child(2n){
            border-bottom: 1px solid $office-ion-item-border-color;
          }

        }

      }

      // 还款信息
      .repayment-info
      {
        height: px2rem(64);
        line-height: px2rem(64);
        padding-left: px2rem(32);
        margin-bottom: px2rem(47);
        color: $office-light-black-nine;
        font-size: px2rem(24);
        span
        {
          font-size: px2rem(26);
          color: $office-default;
          margin: 0 px2rem(5);
        }
      }

      // 按钮
      >button
      {
        margin: 0 px2percent(32);
        width: px2percent(686);
        height: px2rem(88);
        border-radius: px2rem(44);
        background-color: $office-default;
        span
        {
          font-size: px2rem(36);
          color: $office-white;
        }
        // 按钮禁用
        @include office-button-disable;
      }

      // 用户协议
      .user-pact
      {
        width: 55%;
        height: px2rem(92);
        line-height: px2rem(92);
        margin: 0 0 px2rem(40) px2percent(197);
        text-align: center;
        font-size: px2rem(24);
        input,span,a
        {
          float: left;
        }
        input
        {
          margin-top: px2rem(34);
          margin-right: px2rem(10);
          width: px2rem(24);
          height: px2rem(24);
        }
      }

    }
  }
}

